<%@page import="java.util.Date"%>
<%@page import="itsm.isperp.framework.core.context.ContextHolder"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%
  String path = request.getContextPath();
  String basePath = ContextHolder.getWebServerName(request);
%>
<link rel="stylesheet" type="text/css"
	href="<%=path%>/css/mobile/mobile.css" />
<link rel="stylesheet" type="text/css" href="<%=path%>/css/basic.css" />
<style>
.box_title {
    font-size: 16pt;
    font-weight: normal;
    color: #333;
    border-bottom: 2px solid #B7CCDD;
    padding-bottom: 10px;
}

</style>

<div class="ui-body">
	<div class="box_title" style="text-align: center">事件单信息（${model.code }）</div>
	<table class="form-table">
		<tr>
			<td class="td2" colspan="4">
				<h3>&nbsp;&nbsp;登记信息</h3>
			</td>
		</tr>
		
		<tr>
			<td class="td1">状态：</td>
			<td class="td2" ><span style='color:red'>${model.status}</span></td>
			
			<td class="td1">发生时间：</td>
			<td class="td2"><fmt:formatDate
					value="${model.createDate}" pattern="yyyy-MM-dd HH:mm" /></td>
		</tr>

		<tr>
			<td class="td1">故障编号：</td>
			<td class="td2">${model.code}</td>
			<td class="td1">来源：</td>
			<td class="td2">${model.source}</td>
		</tr>
		<tr>
			<td class="td1">标题：</td>
			<td class="td2" colspan="3">${model.title}</td>
		</tr>
		<tr>
			<td class="td1">故障描述：</td>
			<td class="td2" colspan="3">${model.description}</td>
		</tr>

		<c:if test="${not empty model.solvedDate }">
			<tr>
				<td class="td2" colspan="4">

					<h3>处理信息</h3>
				</td>
			</tr>
			<tr>
				<td class="td1">处理人：</td>
				<td class="td2">${model.solverName }</td>
				<td class="td1">解决时间：</td>
				<td class="td2"><fmt:formatDate value="${model.solvedDate}"
						pattern="yyyy-MM-dd HH:mm" /></td>
			</tr>
			<tr>
				<td class="td1">原因分析：</td>
				<td class="td2" colspan="3">${model.reasonAnalyze }</td>
			</tr>
			<tr>
				<td class="td1">解决方案：</td>
				<td class="td2" colspan="3">${model.solution }</td>
			</tr>

		</c:if>
	</table>



	<div class="ui-content format-exp" style="padding-top:0">
		<h3>&nbsp;&nbsp;处理过程</h3>
		<ol class="exp-conent-orderlist">


			<li class="exp-content-list list-item-1"><div class="list-icon">1</div>
				<div class="content-list-text">事件登记</div>
				<div class="content-list-media">${descStep1}</div>
			</li>
			<li class="exp-content-list ${step2 }"><div class="list-icon">2</div>
				<div class="content-list-text">分派工程师</div>
				<div class="content-list-media">${descStep2 }</div></li>
			<li class="exp-content-list ${step3 }"><div class="list-icon">3</div>
				<div class="content-list-text">工程师响应</div>
				<div class="content-list-media">${descStep3 }</div></li>
			<li class="exp-content-list  ${step4 }"><div class="list-icon">4</div>
				<div class="content-list-text">工程师到场</div>
				<div class="content-list-media">${descStep4 }</div>
			</li>
			<li class="exp-content-list ${step5 }"><div class="list-icon">5</div>
				<div class="content-list-text">问题解决</div>
				<div class="content-list-media">${descStep5 }</div></li>
			<li class="exp-content-list ${step6 }"><div class="list-icon">6</div>
				<div class="content-list-text">事件关闭</div>
				<div class="content-list-media">${descStep6 }</div></li>
		</ol>
	</div>
</div>

